	.grid_container{
		width：50%;
		border:0;
		margin:0;
		padding:0;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
	.grid_count{
		width:40%;
		line-height:30px;
		text-align:center;
	}
	
	#div1_1{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
        display:inline-block;
        vertical-align:top;
        margin:0 auto;
    }
    #div2_1{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_2{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
        display:inline-block;
        vertical-align:top;
        margin:0 auto;
    }
    #div2_2{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_3{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_3{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_3{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_3{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_4{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_4{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_5{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_5{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_6{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_6{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_7{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_7{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    #div1_8{
        width: 110px;
        height: 50px;
        border-radius: 30px;
        position: relative;
    }
    #div2_8{
        width: 50px;
        height: 50px;
        border-radius: 30px;
        position: absolute;
        background: white;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    }
    .open1{
        background: rgba(0,184,0,0.8);
    }
    .open2{
        top: -1px;
        right: 1px;
    }
    .close1{
        background: rgba(255,255,255,0.4);
        border:3px solid rgba(0,0,0,0.15);
        border-left: transparent;
    }
    .close2{
        left: 0px;
        top: -4px;
        border:2px solid rgba(0,0,0,0.1);
    }